<template>
  <div id="common-header">
    <!-- onClick={ this.clickBackHandler }  -->
    <span className="back-icon">
      <i className="icon-chevron-left"></i>
    </span>
    <h1>我是公共头部</h1>
    <!-- <h1>{title}</h1> -->
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped   lang='less'>
#common-header {
  background-color: #ff5555;
  color: #fff;
  padding: 16px 10px;
  text-align: center;
  position: relative;

  h1 {
    display: inline;
    font-size: 16px;
    line-height: 1;
  }

  .back-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 19px;
  }
}
</style>
